<template>
  <!-- vue3不再需要根标签了 -->
  <h1 class="title">hello vue3</h1>
  <div>{{ count }}</div>
  <button @click="handleClick">按钮</button>
  <Child />
</template>

<script lang="ts">
import Child from "./views/Child/index.vue";

export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    handleClick() {
      this.count++;
    },
  },
  components: {
    Child,
  },
};
</script>

<style scoped>
.title {
  color: yellowgreen;
}
.xxx {
  font-size: 16px;
}
</style>
